1、jquery:将ajax的success,cmoplete,error等方法进行封装,通过{}大括号的对象入口,进行调用。 var option = {}; option.success = function(res){} option.validate = function() {return true;}

2、图表:根据ajax的json数据,hightcharts接口,生成线图、饼图、柱形图、雷达图等

3、VUE:基于vue-cli的工程化开发,数据双向绑定,模版组件化,开发后台通过路由识别,解决传统后台的iframe和后端路由的配置。

vue全家桶:Vue+Vue-router+Vuex+axios, 通过Promise封装axiso,vuex的store管理action,getter,state,mutation, acton负责用户的请求转发,state负责设置变量,getter负责获取变量,mutation负责赋值给state里边的变量和sessionStorage本地存储。

mapGetters, mapActions等相关map函数,负责页面的模块注入。

this.$router.push:通过path跳转路由,query浏览器地址栏传参。

this.$route.query: 获取地址栏的?号传参

this.$route.name; 获取当前路由的名称, 可以打印this.$route对象。

vue生命周期:beforeCreate created beforeMount mounted mounted updated beforeDestroy ,使用watch监听变量的变化

beforecreated:el 和 data 并未初始化
created:完成了 data 数据的初始化,el没有
beforeMount:完成了 el 和 data 初始化
mounted :完成挂载

beforecreate : 举个栗子:可以在这加个loading事件
created :在这结束loading,还做一些初始化,实现函数自执行
mounted : 在这发起后端请求,拿回数据,配合路由钩子做一些事情
beforeDestroy: 你确认删除XX吗? destroyed :当前组件已被删除,清空相关内容

4、element-ui: 是vue组件的具体化,整合了常用的页面布局,包括表单,表格、弹窗、loading、图标icon,分页等。有自己的el标签语法和validate校验方式等,风格的后台类似Bootstrap以前的外观。


3_hours
82 声望1 粉丝